<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>TEDxCairo TMS Admin</title>

        <script type="text/javascript" src="../assets/js/jquery.js"></script>
        <script type="text/javascript" src="../assets/apycom.com-12-steel-blue/menu.js"></script>
        <script type="text/javascript" src="../assets/jQuery-Validation/js/jquery.validationEngine.js"></script>
        <script type="text/javascript" src="../assets/jQuery-Validation/js/jquery.validationEngine-en.js"></script>
        <script type="text/javascript" src="../assets/table/js/jquery.dataTables.js"></script>
        <script type="text/javascript" src="../assets/nyroModal-1.6.2/js/jquery.nyroModal-1.6.2.min.js"></script>
        <script type="text/javascript" src="../assets/JSCal/src/js/jscal2.js"></script>
        <script type="text/javascript" src="../assets/JSCal/src/js/lang/en.js"></script>
        <script type="text/javascript" src="../assets/ckeditor/ckeditor.js"></script>
        <script type="text/javascript" src="../assets/ckeditor/adapters/jquery.js"></script>
        <script type="text/javascript" src="../assets/ckeditor/sample.js"></script>
        <script type="text/javascript" src="../assets/charting/js/enhance.js"></script>
        <script src="../assets/listbox/jquery.lister.1.0.js" type="text/javascript"></script>

        <link rel="stylesheet" type="text/css" href="../assets/apycom.com-12-steel-blue/menu.css"/>
        <link rel="stylesheet" type="text/css" href="../assets/jQuery-Validation/css/validationEngine.jquery.css"/>
        <link rel="stylesheet" type="text/css" href="../assets/table/css/demo_table.css" >
        <link rel="stylesheet" type="text/css" href="../assets/table/css/demo_page.css" >
        <link rel="stylesheet" type="text/css" href="../assets/nyroModal-1.6.2/styles/nyroModal.css" >
        <link rel="stylesheet" type="text/css" href="../assets/JSCal/src/css/jscal2.css" >
        <link rel="stylesheet" type="text/css" href="../assets/JSCal/src/css/border-radius.css" >
        <link rel="stylesheet" type="text/css" href="../assets/JSCal/src/css/steel/steel.css" >
        <link rel="stylesheet" type="text/css" href="../assets/charting/css/basic.css" />
        <link rel="stylesheet" type="text/css" href="../assets/listbox/lister.css" />
        <script type="text/javascript">
            function load_link (href , afterLoad){
                $("#body").load(href,afterLoad);
            }
            function load_validation(){
                $("form").validationEngine();
            }
            function loadCalDate (datebutton,datefield)
            {
                var cal = Calendar.setup({
                    onSelect: function(cal) {
                        cal.hide()
                    }
                });
                cal.manageFields(datebutton, datefield, "%Y-%m-%d");
            }
            var editor;
            function createEditor()
            {
                if(CKEDITOR.instances.content!=null){
                    CKEDITOR.instances={} ;
                }//editor = CKEDITOR.instances.description.replace( 'description' );
                editor = CKEDITOR.replace( 'content' );
            }
            function loadCMSPage(){
                //loadCalDate('startDate','startDate');
                createEditor();
                load_validation();
            }
            function loadCMSTable(){
                $('a.nyroModal').nyroModal();
                $('#example').dataTable()
            }
            // Run capabilities test
            enhance({
                loadScripts: [
                    {src: '../assets/charting/js/excanvas.js', iecondition: 'all'},
                    '../assets/charting/js/visualize.jQuery.js'
                ],
                loadStyles: [
                    '../assets/charting/css/visualize.css',
                    '../assets/charting/css/visualize-dark.css'
                ]
            });
            // Run the script on DOM ready:
            function drowCharts(item,chartType){
                $(item).visualize({type: chartType, height: '400px', width: '750px'});
                //$(item).visualize({type: 'pie', height: '300px', width: '420px'});
                //$(item).visualize({type: 'bar', width: '420px'});
                //$(item).visualize({type: 'area', width: '420px'});
                //$(item).visualize({type: 'line', width: '420px'});
            }
            function updateUserEval(taskId,userId,evalId,div){
                $.ajax({
                    url:'index.php?page=task&action=updateUserEval',
                    data:'taskId='+taskId+"&userId="+userId+"&evalId="+evalId,
                    method:'POST',
                    success:function(){
                        $("#"+div).html("Updated");
                    }
                });
            }
        </script>
        <style type="text/css">
            * { margin:0;
                padding:0;
            }
            html { background:#333333; }
            body {
                margin:40px auto;
                width:900px;
                background:#454545;
            }
            div#menu {
                margin-left:270px;
                position:relative;
                top:25px;
                margin-bottom: 15px;
            }
            div#copyright { display: none; }
            #body{
                background-color: #F5F5F5;
                min-height: 800px;
            }
        </style>
    </head>
    <body>
        <div style="width: 100%;height: 80px;background: none repeat scroll 0 0 #333333">
        <div style="float: left"><a style="border: none" href=""><img src="../assets/images/logosmb.png" alt="" style=" border: medium none;"></a></div>
        <div style="float: right;color: white"><a style="color: white;" href="../login/index.php?action=logout">LogOut</a></div>
        </div>
        <div id="menu" align="center">
            <ul class="menu">
                <li><a href="#" class="parent"><span>Manage</span></a>
                    <div><ul>
                            <li><a href="#" class="parent"><span>Users</span></a>
                                <div><ul>
                                        <li><a  onclick="load_link('index.php?page=user',load_validation)"><span>Create User</span></a></li>
                                        <li><a  onclick="load_link('index.php?page=user&action=view',function(){$('#example').dataTable();})"><span>View All Users</span></a></li>
                                    </ul></div>
                            </li>

                        </ul></div>
                </li>
                <li><a href="#" class="parent last"><span>Sponsor</span></a>
                    <div>
                        <ul>
                            <li><a href="#" onclick="load_link('index.php?page=sponsor&action=view',loadCMSTable)" ><span>View Sponsor</span></a></li>
                        </ul>
                    </div>
                </li>
                <li><a href="#" class="parent last"><span>Privileges</span></a>
                    <div>
                        <ul>
                            <li><a href="#" onclick="load_link('index.php?page=privileges&action=view',loadCMSTable)" ><span>Privileges</span></a></li>
                            <li><a href="#" onclick="load_link('index.php?page=lookups&action=view&module=privilegesType',loadCMSTable)" ><span>Privileges Type</span></a></li>
                        </ul>
                    </div>
                </li>
                <li><a href="#" class="parent last"><span>Lookups</span></a>
                    <div>
                        <ul>
                            <li><a href="#" onclick="load_link('index.php?page=lookups&action=view&module=basicPackage',loadCMSTable)" ><span>Basic package</span></a></li>
                            <li><a href="#" onclick="load_link('index.php?page=lookups&action=view&module=interestedQuestion',loadCMSTable)" ><span>Interested Question</span></a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div id="body" style="margin-top: 35px;">
        